In Lesson 2 we will cover the HTML that you enter that is visible in your web page.
HTML like images fonts and font decoration.
Fonts size, face, color
The <FONT> element applies formatting
parameters to text. It allows specifying font size, font face and color.
<font size="2"> <font face="Times New Roman"> <font color="#0000FF">
<font size="2">This attribute defines the
size of fonts. Its value is a number from 1 to 7, 1 being
the smallest and 7 the largest. The value can also be expressed indicating a relative variation of the
size, using +n or -n where "n" is a number: +2 for 2 sizes larger, -1 for 1 size smaller, etc.
<font face="Times New Roman">
This attribute defines a list of font faces that may be used to display
selected text. Fonts are separated by commas and placed by order of preference.
<font color="#0000FF">
This attribute indicates the color to be applied to selected text. It can also be
used to define the color of an horizontal line (<HR> element).
The <BIG> element increased the width
and size of fonts in the screen. </BIG> is required at
the end of the fonts you wish to increase the width and size of.
The <EM>emphasizes the text
enclosed. By default, enclosed text is displayed in italics. However, formatting can be controlled
using styles. The </EM> is required at the end of the text
enclosed which u wish to italic.
The <I> element formats text in
italics. The </I> is required at the end of the text
that you want the italic format on.
The <S> element displays the enclosed text
with an horizontal line over it (strikethrough). It is equivalent to the
<STRIKE> element. The
</S> is required at the end of the text that you want an
horizontal line over it (strikethrough).
The <STRIKE> element displays the enclosed
text with an horizontal line over it (strikethrough). It is the equivalent of the
<S> element. The
</STRIKE> is required at the end of the text that you want an
horizontal line over it (strikethrough).
The <STRONG> element is similar to the
<B> element. It displays the enclosed text in thick or
bold font. The </STRONG> is required at the end of
the text that you want the Strong style on.
The <SUB> element displays the enclosed text
as subscript (slightly below the baseline). The
</SUB> is required at the end of the text that you want
displayed as a subscript (slightly below the baseline).
The <SUP> element displays enclosed text as
superscript (slightly above the baseline). The
</SUP> is required at the end of the text that you want
displayed as a superscript (slightly above the baseline).
The <TT> element displays text as «Teletype»
or a typewriter style which uses a fixed-width font. The
</TT> is required at the end of the text that you want to be
displayed as a «Teletype» or typewriter style.
The <VAR> element displays text in a
special font to indicate that it is a variable. By default, text is displayed in a
fixed-width font. The </VAR> is required at the end of the
text that you wish to be displayed in a special font to indicate that it is a variable.
The <XMP> element displays text enclosed in
fixed-width font to indicate said text is an example. The
</XMP> is required at the end of the text that you wish to be
enclosed in a fixed-width font to indicate said text is an example.
Six heading levels can be defined in an HTML document, the first level being
<H1> and the last level
<H6>.
Each of these elements have default formatting values and each heading is treated as a paragraph.
Formatting can be controlled using styles. The </H1> is
required at the end of the heading. Examples:
Making a picture a hyperlink: <A HREF="crosshome.cjb.net" TARGET="_new"><IMG
SRC="cdomain.jpg" BORDER="0" ALT="Cross's Domain"></A>
The Making a picture a hyperlink:
The <A HREF="crosshome.cjb.net"
element if for the hyperlink.
The TARGET="_new"> element is to
specify what window or are of text this specific link is goin to (_new opens a new web browser window).
The <IMG SRC="cdomain.jpg" element embeds the
picture onto your website.
The BORDER="0" element creates a 0 amount of
border around the picture.
The ALT="Cross's Domain"> element labels the
picture incase it does not load, and names it on mouse over.
